<template>
  <div id="app">
        <!-- 输入框 -->
        <InputBox></InputBox>
        <!-- 统计任务个数 -->
        <Suammry></Suammry>
        <!-- 任务列表 -->
        <Box></Box>





  </div>
</template>
<script>

  import InputBox from "./components/InputBox.vue";
  import Suammry from "./components/Suammry.vue";
  import Box from "./components/Box.vue";


export default {
   components:{
    Box,
    InputBox,
    Suammry
   },
   data(){
    return{
      taskName:"",
      tasklist:[]
    }
   },
   methods:{
    addTask(){

    },
    changeStatus(){

    }
   },
   computed:{
    unFinshCount(){
      return 0
    }
   }
}

</script>


<style lang="scss">
*{
    margin: 0;padding: 0;
}
#app{
    margin: 10px;
}
</style>
